.help-header
{
    background-color: #FFFFFF;
    padding:15px 0px;
}
.help-logo
{
    width: 160px;
    height: 50px;
    background-image: url(../../../img/logo1.png);
    background-size: cover;
}
.help-container
{
    width: 1180px;
    margin:auto;
    background-color: #FFFFFF;
    overflow: hidden;
}

.help-con-nav
{
    float: left;
    width: 20%;
}

.help-con-detail
{
    float: left;
    width: 65%;
    height: 200px;
}

.nav-header
{
    background-color: #FFFFFF !important;
    border: none;
}

.bar-circle
{
    position: absolute;
    top: -6px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 2px solid #e3e3e3;
}
.bar-circle-o
{
    position: absolute;
    top: -6px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #e3e3e3;
    border: 2px solid #FFFFFF;
}

.bar-circle-o:hover
{
    background-color: #27c24c;
}

.bar-circle-bm
{
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 2px solid #e3e3e3;
}
.bar-select
{
    position: absolute;
    top: -6px;
    left: -6px;
}
.bar-select-item
{
    float: left;
    width: 10px;
    height: 10px;
    background-color: #27c24c;
}
.bar-select-tri-bar
{
    float: left;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #27c24c;
}
.help-con-bar
{
    position: relative;
    width: 15%;
    float: left;
}

.help-con-item
{
    position: absolute;
    top:10px;
    right: 0;
}